{% extends "../layouts/master.html" %}

{% block title %}首页{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="/public/home/css/home.css" />
{% endblock %}

{% block content %}
    <section class="home-container wrap-box">
        <div class="home-container-inner">
            <div id="homeBanner" class="banner-wrap">
                <div class="swipe-wrap">
                    {% for adv in data.advs %}
                        <div class="swipe-items">
                            <a href="{{ adv.Link }}" title="{{ adv.Title }}" target="_blank">
                                <img src="{{ adv.Smallimg }}" alt="{{ adv.Title }}" />
                            </a>
                        </div>
                    {% endfor %}
                </div>
                <a id="swipeLeft" title="向前" class="swipe-left" href="javascript:void(0)">&lt;</a>
                <a id="swipeRight" title="向后" class="swipe-right" href="javascript:void(0)">&gt;</a>
                <div id="homeBannerNum" class="swipe-num"></div>
            </div>
            <!--/banner-->
            <div class="category-wrap">
                <ul class="category-list clearfix">
                    {% for cat in data.articleCategory %}
                        {% if cat.ColId != 4 && forloop.Counter <= 5 %}
                            <li>
                                <a title="{{ cat.ColTitle }}" class="category-on" href="/article/category/{{ cat.ColId }}">{{ cat.ColTitle }}<b></b></a><i>{{ cat.ColTitle }}</i>
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
            </div>
            <!--/category-->
        </div>
    </section>
{% endblock %}